<script setup lang="ts">
import { ref } from 'vue'

let sum = ref(0)
</script>

<template>
  <div class="child">
    <h1>我是Child组件</h1>
    <p>当前求和为：{{ sum }}</p>
    <hr />
    <Hello></Hello>
    <!-- v-beauty全局指令 -->
    <h2 v-beauty="sum">好开心</h2>
  </div>
</template>

<style scoped>
.child {
  background-color: #dab649;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 0 10px;
}
</style>
